@charset "UTF-8";
/* // flex布局 */
.website-flex,
.website-flex-row,
.website-flex-x {
  display: flex;
  flex-direction: row;
}

.website-flex-y,
.website-flex-column {
  display: flex;
  flex-direction: column;
}

.website-flex-x-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.website-flex-xy-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.website-flex-y-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.website-flex-column-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.website-flex-column-x-center {
  display: flex;
  flex-direction: column;
  justify-content:center;
}
.website-flex-column-xy-center {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
}

.website-flex-x-left {
  display: flex;
  flex-direction: row;
}

.website-flex-x-reverse,
.website-flex-row-reverse {
  flex-direction: row-reverse;
}

.website-flex-y-reverse,
.website-flex-column-reverse {
  flex-direction: column-reverse;
}

.website-flex.website-flex-reverse,
.website-flex-row.website-flex-reverse,
.website-flex-x.website-flex-reverse {
  flex-direction: row-reverse;
}

.website-flex-column.website-flex-reverse,
.website-flex-y.website-flex-reverse {
  flex-direction: column-reverse;
}

/* // 自动伸缩 */
.website-flex-fill {
  flex: 1 ;
}

/* // 边界自动伸缩 */
.website-margin-top-auto,
.website-m-t-auto {
  margin-top: auto !important;
}

.website-margin-right-auto,
.website-m-r-auto {
  margin-right: auto !important;
}

.website-margin-bottom-auto,
.website-m-b-auto {
  margin-bottom: auto !important;
}

.website-margin-left-auto,
.website-m-l-auto {
  margin-left: auto !important;
}

.website-margin-center-auto,
.website-m-c-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.website-margin-middle-auto,
.website-m-m-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

/* // 换行 */
.website-flex-wrap {
  flex-wrap: wrap;
}


/* // 主轴起点对齐 */
.website-flex-start {
  justify-content: flex-start;
}

/* // 主轴中间对齐 */
.website-flex-center {
  justify-content: center;
}

/* // 主轴终点对齐 */
.website-flex-end {
  justify-content: flex-end;
}

/* // 主轴等比间距 */
.website-flex-between {
  justify-content: space-between;
}

/* // 主轴均分间距 */
.website-flex-around {
  justify-content: space-around;
}

/* // 交叉轴起点对齐 */
.website-flex-items-start {
  align-items: flex-start;
}

/* // 交叉轴中间对齐 */
.website-flex-items-center {
  align-items: center;
}

/* // 交叉轴终点对齐 */
.website-flex-items-end {
  align-items: flex-end;
}

/* // 交叉轴第一行文字基线对齐 */
.website-flex-items-baseline {
  align-items: baseline;
}

/* // 交叉轴方向拉伸对齐 */
.website-flex-items-stretch {
  align-items: stretch;
}

/* // 以下属于项目(子元素)的类 */
/* // 子元素交叉轴起点对齐 */
.website-flex-self-start {
  align-self: flex-start;
}

/* // 子元素交叉轴居中对齐 */
.website-flex-self-center {
  align-self: center;
}

/* // 子元素交叉轴终点对齐 */
.website-flex-self-end {
  align-self: flex-end;
}

/* // 子元素交叉轴第一行文字基线对齐 */
.website-flex-self-baseline {
  align-self: baseline;
}

/* // 子元素交叉轴方向拉伸对齐 */
.website-flex-self-stretch {
  align-self: stretch;
}

/* // 多轴交叉时的对齐方式 */
/* // 起点对齐 */
.website-flex-content-start {
  align-content: flex-start;
}

/* // 居中对齐 */
.website-flex-content-center {
  align-content: center;
}

/* // 终点对齐 */
.website-flex-content-end {
  align-content: flex-end;
}

/* // 两端对齐 */
.website-flex-content-between {
  align-content: space-between;
}

/* // 均分间距 */
.website-flex-content-around {
  align-content: space-around;
}

/* // 全部居中对齐 */
.website-flex-middle {
  justify-content: center;
  align-items: center;
  align-self: center;
  align-content: center;
}

/* // 是否可以放大 */
.website-flex-grow {
  flex-grow: 1;
}

/* // 是否可以缩小 */
.website-flex-shrink {
  flex-shrink: 1;
}/*# sourceMappingURL=sassTocss.css.map */